<template>
  <div class="zh-box">
    <Suspense>
      <router-view></router-view>
    </Suspense>
  </div>
</template>

<script setup>
import { Site } from "./api/join"
import { onMounted } from 'vue'
onMounted(() => {
  document.body.style.setProperty("--el-color-primary", "#3F7233");
  // 鼠标移动到按钮上方时显示的颜色，默认蓝色，可以和primary设置的颜色不一样
  document.body.style.setProperty("--el-color-primary-light-3", "#3F7233");

})

Site().then(res => {
  console.log(res);
  document.title = res.data.data.title;
  document.querySelector('meta[name="keywords"]').setAttribute('content', res.data.data.keywords);
  document.querySelector('meta[name="description"]').setAttribute('content', res.data.data.description)

})

</script>

<style lang="scss" scoped></style>